<template>
	<div>
		<themeHeader title="易果盒子"></themeHeader>
		<div class="box">
			<div class="ico" v-for="item in boxItems">
				<div class="box-img">
					<img :src="item.img">
				</div>
				<span>{{item.text}}</span>
			</div>
		</div>
	</div>
</template>
<style type="text/css">
	.content{
		background: white;
	}
	.box{
		border-top: 0.1rem solid #ddd;
		padding-top: 0.5rem;
		border-bottom: 0.1rem solid #ddd;
		padding-bottom: 15.5rem;  
		margin-top: 2.2rem;
	}
	.ico{
		float: left;
		width: 33.3%;
		height: 5rem;
		/*background: blue;*/
		text-align: center;
		border: 0.01rem solid #ddd;
		font-size: 0.6rem;
	}
	.box-img{
		margin-top: 20%; 
		margin-left: 35%;
		width: 30%;
	}
	.ico img{
		width: 100%;
	}
</style>
<script type="text/javascript">
import ThemeHeader from "./../../home/component/themeHeader.vue";
export default {
	components:{
		ThemeHeader,
		// require,
	},
	data(){
		return{
			boxItems:[
				{img:require("../images/lan.png"),text:"选品配菜"},
				{img:require("../images/list.png"),text:"订单中心"},
				{img:require("../images/book.png"),text:"菜谱指南"},
				{img:require("../images/coupon.png"),text:"易果盒子礼卷"},
				{img:require("../images/okbuy.png"),text:"易果盒子优惠劵"},
				{img:require("../images/call.png"),text:"客服电话"},
				{img:require("../images/yj.png"),text:"意见反馈"},
				{img:require("../images/tj.png"),text:"食材指南"},
				{},
				]
			}
		},
	methods:{
		back:function(){

		}
	},
	mounted(){
		// $("#my-input").calendar({
		//     value: ['2015-12-05']
		// });
	},
}
</script>
